/* pages/index/index.wxss */

button{
  margin-top: 10rpx;
}

.root{
  display: flex;
  flex-direction: column; //使内容浮动,最外层的盒子 垂直方向 显示
  margin-top: 15%;
  width: 100%;
  // height: 800rpx;
  // background-color: gainsboro;
  .root_flex{
    display: flex;  //使内容浮动, 里面的小盒子 默认 水平方向显示
    justify-content: space-around;
    // border: 1rpx solid black;
    margin-top: 5%;   //提取和创作框距离root边框的百分比
    .root_tiqu{
      background-color: goldenrod;
      width: 300rpx;
      height: 300rpx;
      text-align: center;
      font-size: 30px;
    }
    .root_chuangzuo{
      background-color: goldenrod;
      width: 300rpx;
      height: 300rpx;
      text-align: center;
      font-size: 30px;
    }
  }

  .input_tiqu{
    display: flex;
    border: 1rpx solid black;
    margin-top: 10rpx;
    margin-left: 15%;
    margin-right: 15%;
    padding: 10rpx;
  }
  
  .root_my{
    margin-bottom: 10rpx;
    align-self: center;
    background-color: goldenrod;
    width: 250rpx;
    height: 250rpx;
    text-align: center;
    font-size: 30px;
    margin-top: 10rpx;
  }
}